<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>监管中心</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/bean.css" />
    <link rel="stylesheet" href="../css/smart.css">
</head>

<body style="">
    <div class="guding">
        <nav class="navbar navbar-default g-nav">
            <span class="navbar-brand">全域旅游综合信息服务平台</span>
            <div class=" navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="/html/home.html">首页</a></li>
                    <li>
                        <a href="/html/realTimeTraffic.html">智慧分析</a>
                        <div class="sub-nav">
                            <a class="sub-nav-item" href="/html/realTimeTraffic.html">实时客流</a>
                            <a class="sub-nav-item" href="/html/touristPortrait.html">游客画像</a>
                        </div>
                    </li>
                    <li>
                        <a class="active" href="/html/demoareaSupervise.html">智慧监管</a>
                        <div class="sub-nav">
                            <a class="sub-nav-item" href="/html/demoareaSupervise.html">示范区监管</a>
                            <a class="sub-nav-item" href="/html/scenicSpotList.html">视频监控</a>
                            <a class="sub-nav-item" href="/html/safetyWarning.html">安全预警</a>
                            <a class="sub-nav-item" href="/html/wisdomSupervise_guide.html">旅游产业数据</a>
                            <a class="sub-nav-item active" href="/html/complaints.html">投诉举报管理</a>
                        </div>
                    </li>
                    <li><a href="/html/resources.html">旅游资源</a></li>
                </ul>
            </div>
        </nav>
    </div>
    <!--导航结束-->
    <div class="content">
        <div class="total-number">当下共收录景区1000个，图片1000张</div>
        <div class="tab-buttons">
            <div class="section-button active">图片</div>
            <div class="section-button">视频</div>
            <div class="section-button">音频</div>
            <div class="section-button">文字资料</div>
        </div>
        <div class="tab-bar">
            <div class="section-button">上传</div>
            <div class="section-button">下载</div>
            <div class="section-button">批量删除</div>
            <div class="section-button">新文件夹</div>
        </div>
        <div class="tab-content">
            <div class="source-box backgroundfff border">
                <figure>
                    <img src="../img/demo/dujiangyan.png" />
                    <figcaption>
                        <div class="h3">都江堰景区</div>
                        <p title="著名的古代水利工程都江堰，位于四川都江堰市城西，古时属都安县境而名为都安堰，宋元后称都江被誉为“独奇千古”的“镇川之宝” 。是全世界至今为止年代最久、唯一留存、以无坝引水为特征的宏大水利工程。">著名的古代水利工程都江堰，位于四川都江堰市城西，古时属都安县境而名为都安堰，宋元后称都江被誉为“独奇千古”的“镇川之宝” 。是全世界至今为止年代最久、唯一留存、以无坝引水为特征的宏大水利工程。</p>
                    </figcaption>
                </figure>
                <div class="source-box-toolbar">
                    <div class="source-box-toolbar__button source-box-toolbar__button-edit"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-download"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-share"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-delete"></div>
                </div>
            </div>
            <div class="source-box backgroundfff border">
                <figure>
                    <img src="../img/demo/emeishan.png" />
                    <figcaption>
                        <div class="h3">峨眉山</div>
                        <p title="位于中国四川峨眉山市境内。它是中国四大佛教名山之一，有寺庙约26座，重要的有八大寺庙，佛事频繁。1996年12月6日，峨眉山乐山大佛作为文化与自然双重遗产被联合国教科文组织列入世界遗产名录。">位于中国四川峨眉山市境内。它是中国四大佛教名山之一，有寺庙约26座，重要的有八大寺庙，佛事频繁。1996年12月6日，峨眉山乐山大佛作为文化与自然双重遗产被联合国教科文组织列入世界遗产名录。</p>
                    </figcaption>
                </figure>
                <div class="source-box-toolbar">
                    <div class="source-box-toolbar__button source-box-toolbar__button-edit"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-download"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-share"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-delete"></div>
                </div>
            </div>
            <div class="source-box backgroundfff border">
                <figure>
                    <img src="../img/demo/jiuzaigou.png" />
                    <figcaption>
                        <div class="h3">九寨沟景区</div>
                        <p title="九寨沟风景名胜区位于四川省阿坝藏族羌族自治州南坪县境内，距离成都市400多公里，是一条纵深40余公里的山沟谷地，因周围有9 个藏族村寨而得名，总面积约620平方公里，大约有52％的面积被茂密的原始森林所覆盖。">九寨沟风景名胜区位于四川省阿坝藏族羌族自治州南坪县境内，距离成都市400多公里，是一条纵深40余公里的山沟谷地，因周围有9 个藏族村寨而得名，总面积约620平方公里，大约有52％的面积被茂密的原始森林所覆盖。</p>
                    </figcaption>
                </figure>
                <div class="source-box-toolbar">
                    <div class="source-box-toolbar__button source-box-toolbar__button-edit"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-download"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-share"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-delete"></div>
                </div>
            </div>
            <div class="source-box backgroundfff border">
                <figure>
                    <img src="../img/demo/leshandafo.png" />
                    <figcaption>
                        <div class="h3">乐山大佛</div>
                        <p title="乐山大佛地处四川省乐山市，岷江、青衣江、大渡河三江汇流处，与乐山城隔江相望。乐山大佛雕凿在岷江、青衣江、大渡河汇流处的岩壁上，依岷江南岸凌云山栖霞峰临江峭壁凿造而成，又名凌云大佛，为弥勒佛坐像。">乐山大佛地处四川省乐山市，岷江、青衣江、大渡河三江汇流处，与乐山城隔江相望。乐山大佛雕凿在岷江、青衣江、大渡河汇流处的岩壁上，依岷江南岸凌云山栖霞峰临江峭壁凿造而成，又名凌云大佛，为弥勒佛坐像。</p>
                    </figcaption>
                </figure>
                <div class="source-box-toolbar">
                    <div class="source-box-toolbar__button source-box-toolbar__button-edit"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-download"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-share"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-delete"></div>
                </div>
            </div>
            <div class="source-box backgroundfff border">
                <figure>
                    <img src="../img/demo/wohouci.png" />
                    <figcaption>
                        <div class="h3">武侯祠 </div>
                        <p title="武侯祠位于四川省成都市武侯区，肇始于公元223年修建刘备惠陵时，它是中国唯一的一座君臣合祀祠庙和最负盛名的诸葛亮、刘备及蜀汉英雄纪念地，也是全国影响最大的三国遗迹博物馆。">武侯祠位于四川省成都市武侯区，肇始于公元223年修建刘备惠陵时，它是中国唯一的一座君臣合祀祠庙和最负盛名的诸葛亮、刘备及蜀汉英雄纪念地，也是全国影响最大的三国遗迹博物馆。</p>
                    </figcaption>
                </figure>
                <div class="source-box-toolbar">
                    <div class="source-box-toolbar__button source-box-toolbar__button-edit"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-download"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-share"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-delete"></div>
                </div>
            </div>
            <div class="source-box backgroundfff border">
                <figure>
                    <img src="../img/demo/qingchengshan.png" />
                    <figcaption>
                        <div class="h3">青城山</div>
                        <p title="青城山是中国道教的发源地之一，属于道教名山。建福宫，始建于唐代。天然图画坊，是清光绪年间建造的一座阁。天师洞，洞中有“天师”张道陵及其三十代孙“虚靖天师”像。现存殿宇建于清末，规模宏伟，雕刻精细，并有不少珍贵文物和古树。">青城山是中国道教的发源地之一，属于道教名山。建福宫，始建于唐代。天然图画坊，是清光绪年间建造的一座阁。天师洞，洞中有“天师”张道陵及其三十代孙“虚靖天师”像。现存殿宇建于清末，规模宏伟，雕刻精细，并有不少珍贵文物和古树。</p>
                    </figcaption>
                </figure>
                <div class="source-box-toolbar">
                    <div class="source-box-toolbar__button source-box-toolbar__button-edit"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-download"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-share"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-delete"></div>
                </div>
            </div>
            <div class="source-box backgroundfff border">
                <figure>
                    <img src="../img/demo/luguhu.png" />
                    <figcaption>
                        <div class="h3">泸沽湖</div>
                        <p title="属高原断层溶蚀陷落湖泊，属长江上游干流金沙江支流雅砻江支流理塘河水系。泸沽湖是云南省海拔最高的湖泊，是中国第三大深水湖泊。">属高原断层溶蚀陷落湖泊，属长江上游干流金沙江支流雅砻江支流理塘河水系。泸沽湖是云南省海拔最高的湖泊，是中国第三大深水湖泊。</p>
                    </figcaption>
                </figure>
                <div class="source-box-toolbar">
                    <div class="source-box-toolbar__button source-box-toolbar__button-edit"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-download"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-share"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-delete"></div>
                </div>
            </div>
            <div class="source-box backgroundfff border">
                <figure>
                    <img src="../img/demo/siguniangshan.png" />
                    <figcaption>
                        <div class="h3">四姑娘山</div>
                        <p title="四姑娘山主峰四川仅次于贡嘎山的第二高峰，四姑娘、三姑娘、二姑娘、大姑娘海拔分别为6250米、5664米、5454米、5355米。因这里的雪峰、森林、牧场、河流、藏家组成的独特景观颇具异域风情，故而有'东方的阿尔卑斯山'之称。">四姑娘山主峰四川仅次于贡嘎山的第二高峰，四姑娘、三姑娘、二姑娘、大姑娘海拔分别为6250米、5664米、5454米、5355米。因这里的雪峰、森林、牧场、河流、藏家组成的独特景观颇具异域风情，故而有"东方的阿尔卑斯山"之称。</p>
                    </figcaption>
                </figure>
                <div class="source-box-toolbar">
                    <div class="source-box-toolbar__button source-box-toolbar__button-edit"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-download"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-share"></div>
                    <div class="source-box-toolbar__button source-box-toolbar__button-delete"></div>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery-2.1.0.js"></script>
    <script src="../js/lodash.js"></script>
</body>

</html>
